<script setup>
import DefaultTheme from 'vitepress/theme';
import { ref } from 'vue';
const { Layout } = DefaultTheme;
const show = ref(false);

console.log(
  '%cIm Design',
  'color: #388e3c; font-size: 60px; font-weight: bold;font-family: "PingFang SC", "Microsoft YaHei", sans-serif; text-shadow: 2px 2px #388e3c; background: -webkit-linear-gradient(left, #388e3c, #388e3c); -webkit-background-clip: text; -webkit-text-fill '
);
</script>

<template>
  <Layout>
    <!-- <template #sidebar-nav-after> 菜单最后部分</template> -->
    <!-- <template #sidebar-nav-before> 菜单最前部分</template> -->
    <!-- <template #doc-after>
      <ImButton
        width="100%"
        @click="show = true"
        size="48"
        color="primary"
        class="mt-24">
        联系作者
      </ImButton>
      <ImDialog v-model="show">
        <ImDialogHeader title="添加微信"></ImDialogHeader>
        <ImDialogBody> 有需要咨询作者的可以加微信 </ImDialogBody>
      </ImDialog>
    </template> -->
    <!-- <template #doc-footer-before> 页脚最前部分</template>
    <template #doc-footer-after> 页脚最后部分</template> -->
    <!-- <template #nav-bar-content-before> </template> -->
    <!-- <template #nav-bar-content-after> 导航栏最后部分</template> -->
    <Content />
  </Layout>
</template>

<style scoped lang="scss">
.mt-24 {
  margin-top: 24px;
}
</style>
